<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>

</body>
</html>

<%@ page import="jmysql.CUsuario"%>
<%@ page import="validaciones.ValidateJSON"%>



<script type="text/javascript" src="lib/mdialog.js"></script>
<%	
	HttpSession sesionx = request.getSession();
	CUsuario cu=new CUsuario();
	ValidateJSON data=new ValidateJSON(cu.GetUsuarioSinEstado((Integer)sesionx.getAttribute("idusuario")));
%>
<script>
$(function() {
	$("button").button();
	$("#panel" ).tabs();
	/*variables*/ 
	var m_nopersonal=$("#m_nopersonal"),m_nombre= $( "#m_nombre" ),m_nomusuario= $( "#m_nomusuario"),
  	   		m_telefono=$("#m_telefono"),m_correo=$("#m_correo"),m_password=$("#m_password"),m_repassword=$("#m_repassword")
  	   		,formulario=$("#form-modificar-usuario");
  	var allModificar= $([]).add(m_nopersonal).add(m_nombre).add(m_nomusuario).add(m_telefono).add(m_correo)
  			.add(m_password).add(m_repassword);
  	
  	/*Envía el mensaje de error*/
	function MensajeError(tip,campo,mensaje){
		campo.addClass( "ui-state-error" );
		$('.'+tip).addClass( "ui-state-highlight" );
		$('.'+tip).html( mensaje );
	}
  	
  	/*Limpia los mensajes de error*/
  	function limpiar_classes(){
  		allMofificar.removeClass( "ui-state-error" );
		$('.tipsModificarUsuario').removeClass( "ui-state-highlight" );
		$('.tipsModificarUsuario').html( "(*)campos obligatorios" );
  	}
  	
	function UpdateUsuario(nuevos_datos){
		console.log(nuevos_datos);
  	  	$.ajax({
				  url: "CModificarUsuarioEspecifico",
				  data:nuevos_datos, 
				  type: 'post',
				  dataType: 'json',
				  success: function(data){
					  //todo se realizo con éxito
					  if(data.resultado=="10"){
						  DialogoInformacionDiv('dialog-message','Datos guardados con éxito',
								  'Los datos han sido actualizados!');
						  $("#Usuario").html('Usuario: '+m_nombre.val());
						  	
						  	$.ajax({
							    url: "Configurar.jsp",
							    cache: false,
							    dataType: "html",
							    success: function(data) {
							    	$("#content").html('');
							    	$("#content").html(data);
							    }
							});
					  }
					  else{
 					  		MensajeError("tipsModificarUsuario", $("#"+data.campo), data.mensaje);
					  }
			  	}  
				});
  	}
  	
	/*Mandamos los datos*/
  	$("#guardar").click(function(){
  		UpdateUsuario('new_nombre='+m_nombre.val()+'&new_nomusuario='+m_nomusuario.val()
				+'&new_nopersonal='+m_nopersonal.val()+
				'&new_telefono='+m_telefono.val()+'&new_correo='+m_correo.val()
				+'&new_password='+m_password.val()+'&new_repassword='+m_repassword.val()
				+'&idusuario='+<%=(Integer)sesionx.getAttribute("idusuario")%>
		);
	});
  	
  	/*Guarda los valores a ser modificados*/
  	$("#cancelar").click(function(){
  		$.ajax({
		    url: "Configurar.jsp",
		    cache: false,
		    dataType: "html",
		    success: function(data) {
		    	$("#content").html('');
		    	$("#content").html(data);
		    }
		});
	});
});
</script>
<style type="text/css">
	.formulario{
		padding:8px; 8px;
		font-size:130%;
	}
</style>

<div id="panel">
<ul>
	<li><a href="#configurar">MODIFICAR DATOS DE USUARIO</a></li>
</ul>
<div id="configurar">
	
			<div id="dialog-message" title="">
			</div>
					
			<div id="form-modificar-usuario">
				<h3 style="text-align:center;" class="tipsModificarUsuario">(*)campos obligatorios</h3>
				<fieldset class="formulario-datos ui-widget-content ui-corner-all">
				<table class="formulario" style="padding:5px 5px;">
				<tr>
				<td>*</td>
				<td><label>Número de personal:</label></td>
				<td><input type="text" name="m_nopersonal" id="m_nopersonal" value="<%=data.gInt("nopersonal")%>" class="text ui-widget-content ui-corner-all" /></td>	
				</tr>
				<tr>
				<td>*</td>
				<td><label>Nombre completo: </label></td>
				<td><input type="text" name="m_nombre" id="m_nombre" value="<%=data.getString("nombre")%>"  class="text ui-widget-content ui-corner-all"  size="50" /></td>
				</tr>	
				<tr>
				<td>*</td>
				<td><label>Nombre de usuario:</label></td>
				<td title="Mínimo 4 carácteres"><input type="text" name="m_nomusuario" id="m_nomusuario" value="<%=data.getString("nomusuario")%>" class="text ui-widget-content ui-corner-all" size="40" />(ejemplo odontologia1)</td>
				</tr>
				<tr>
				<td></td>
				<td><label>Telefono:</label></td>
				<td><input type="text" name="m_telefono" id="m_telefono" value="<%=data.getString("telefono") %>" class="text ui-widget-content ui-corner-all" /></td>
				</tr>	
				<tr>
				<td></td>
				<td><label>Correo:</label></td>
				<td><input type="text" name="m_correo" id="m_correo" value="<%=data.getString("correo") %>" class="text ui-widget-content ui-corner-all" /></td>
				</tr>
				<tr>
				<td>*</td>
				<td><label>Password</label></td>
				<td title="Mínimo 4 carácteres"><input type="password" name="m_password" id="m_password" value="" class="text ui-widget-content ui-corner-all" size="20" /></td>
				</tr>
				<tr>
				<td>*</td>
				<td><label>Reescriba el Password</label></td>
				<td title="Mínimo 4 carácteres"><input type="password" name="m_repassword" id="m_repassword" value="" class="text ui-widget-content ui-corner-all" size="20" /></td>
				</tr>
				<tr>
				<td></td>
				<td></td>
				<td><button id="cancelar">Cancelar<img class="imagen24" src="images/sistema/stop.gif"></img></button>
					<button id="guardar">Guardar<img class="imagen24" src="images/sistema/save.png"></button>
				</td>
				</tr>
				</table>
				</fieldset>
			</div>
</div>
</div>		
 
